import Vue from 'vue' // 引入vue，要把router这个组件注入到vue里面
import VueRouter from 'vue-router' // router的核心文件

Vue.use(VueRouter)

/* Layout */
import Layout from '@/layout'

// 引入多个模块的规则
import approvalsRouter from './modules/approvals'
import departmentsRouter from './modules/departments'
import employeesRouter from './modules/employees'
import permissionRouter from './modules/permission'
import attendancesRouter from './modules/attendances'
import salarysRouter from './modules/salarys'
import settingRouter from './modules/setting'
import socialRouter from './modules/social'

// 动态路由
export const asyncRoutes = [
  departmentsRouter,
  settingRouter,
  employeesRouter,
  permissionRouter,
  approvalsRouter,
  attendancesRouter,
  salarysRouter,
  socialRouter
]

// 1、我们在建立路由的时候，你要等到用户访问了，再建立路由吗？？肯定不是
// 2、应该是，提前剑豪路由，用户登陆的时候，我们根据登录人的身份，访问不同的路由
// 3、我们作为开发者（开发商），一开始写代码的时候，先将所有路由以静态路由来开发
// 4、等到处理权限的时候，再根据登录人的角色，渲染不同的菜单

// 静态路由
export const constantRoutes = [
  {
    path: '/login', // 登录页
    component: () => import('@/views/login/index'),
    hidden: true
  },

  {
    path: '/404',
    component: () => import('@/views/404'),
    hidden: true
  },

  // 首页
  {
    path: '/',
    component: Layout,
    redirect: '/dashboard', // 重定向//首页
    children: [
      {
        path: 'dashboard',
        name: 'Dashboard',
        component: () => import('@/views/dashboard/index'),
        meta: { title: '首页', icon: 'dashboard' }
        // 路由原信息 ： meta: { title: 'Dashboard', icon: 'dashboard' }
      }
    ]
  },
  {
    path: '/import', // excel导入的路由
    component: Layout,
    children: [
      {
        path: '', // 默认子路由
        component: () => import('@/views/import/index'),
        meta: { title: 'excel上传' } // 原信息
      }
    ],
    hidden: true
  }

  // 404 page must be placed at the end !!!
  // { path: '*', redirect: '/404', hidden: true }
]

// 路由的规则配置对象
const createRouter = () =>
  new VueRouter({
    // mode: 'history', // require service support // 这里是改变网址里带不带＃号
    scrollBehavior: () => ({ y: 0 }),
    // routes: constantRoutes // 这里放置了我们的路由
    routes: [
      ...constantRoutes
      // ...asyncRoutes
    ] // 临时合并静态动态路由，使其全部展现 在菜单栏
  })

const router = createRouter()

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher // reset router
}

export default router
